<h4>2단계 --- 블록 설치</h4>
<h5>개요</h5>
<p>님의 사이트는 아직 포럼도 뉴스도 환영메세지를 표시하는 블록도 존재하지 않는 상태입니다. 이제부터 하나씩 준비해 보도록 하겠습니다. 먼저 사이트의 톱페이지에 환영메세지를 표시하는 블록을 설치하는 방법을 배우신 후 다음 단계에서 포럼이나 뉴스와 같은 모듈을 설치하는 방법을 배우게 되실 겁니다. 그럼 먼저 블록을 이용해 사이트를 구축하는 방법부터 배워보도록 하겠습니다.</p>

<h5>홈페이지 레이아웃의 기본</h5>
<p>다음 그림은 XOOPS Cube Legacy의 기본 레이아웃을 표시하고 있습니다.</p>

<p><img src="<{'abc_2nd_blocklayout.png'|helpimage}>" /></p>

<p>xoopscube.org 도 역시 블록 레이아웃을 사용하고 있습니다. 왼쪽, 중앙, 오른쪽 블록! 바로 XOOPS의 기본 레이아웃입니다.</p>

<p><img src="<{'abc_2nd_xoopscubeorg.png'|helpimage}>" /></p>

<p>대부분의 테마는 왼쪽컬럼, 중앙컬럼, 오른쪽컬럼의 3컬럼 레이아웃을 기본으로 하고 있습니다. 이 경우 중앙컬럼의 상단부는 다시 세부적으로 2개의 컬럼(왼쪽중앙컬럼, 오른쪽중앙컬럼)으로 나누어지게 됩니다. 님은 이 각각의 컬럼에 원하는 <b>블록</b>을 표시하도록 설정하실 수 있습니다.</p>

<p>블록은 다이나믹한 콘텐츠를 포함하고 있는 조각으로 생각하시면 됩니다. 이들 블록은 각각의 모듈에 속해 있으며 그 모듈이 설치될 때에 함께 추가되게 됩니다. 신규설치시 기본적으로 필수모듈이 설치되므로 현재 님의 사이트에는 3개의 블록이 인스톨되어 있는 상태일 것입니다. 물론 아직 인스톨되지 않은 상태의 블록들도 여러개 존재하니 필요에 맞추어 인스톨하시면 됩니다.</p>

<h6>로그인 블록</h6>

<p><img src="<{'abc_2nd_loginblock.png'|helpimage}>" /></p>

<p>이 블록은 로그인작업을 위해 사용되어지는 블록입니다. 이 블록은 신규설치시에도 기본적으로 설치되어지는 블록으로서 방문객들은 이 블록에 표시된 텍스트박스에 아이디와 패스워드를 입력해 로그인가능하게 될 것입니다. 물론 사용자가 로그인한 후에는 자동적으로 숨겨지게 됩니다.(블록의 표시/비표시를 사용자가 속한 그룹의 권한에 맞추어 설정가능)</p>

<h6>메인메뉴 블록</h6>

<p><img src="<{'abc_2nd_mainmenublock.png'|helpimage}>" /></p>

<p>이 블록은 메인메뉴를 표시해 주는 블록입니다. 이 메인메뉴는 톱페이지 링크와 현 사용자가 액세스가능한 모든 모듈에 대한 링크를 자동적으로 생성해 리스트로 표시해 줍니다.</p>

<h6>사용자메뉴 블록</h6>

<p><img src="<{'abc_2nd_usermenublock.png'|helpimage}>" /></p>

<p>이 블록은 등록회원을 위한 메뉴를 표시해주는 블록입니다. 사용자의 프로필, 개인적 작업/설정과 관련된 링크들을 리스트로 표시해 줍니다.</p>

<h5>2단계 (1) --- 신규블록을 설치하는 방법</h5>
<h6>블록 설치</h6>
<p>먼저 님의 사이트의 오른쪽 컬럼에 "사이트정보" 블록을 설치해 보도록 하겠습니다. 이 블록은 방문객에게 사이트관리자의 아이디와 메일주소를 표시해줍니다. 관리화면의 왼쪽에 있는 관리메뉴들중에서 호환모듈의 관리메뉴를 보아주시기 바랍니다. <em>블록 설치(인스톨)</em>라는 메뉴항목을 찾아 클릭하시기 바랍니다.</p>

<p><img src="<{'abc_2nd_clickblockinstallation.png'|helpimage}>" /></p>

<p>아직 설치되지 않은 상태의 이용가능한 블록리스트가 표시됩니다.</p>

<p><img src="<{'abc_2nd_unusedblocklist.png'|helpimage}>" /></p>

<p>"사이트정보(Site Info)" 블록을 찾으셔서 오른쪽에 있는 설치아이콘을 클릭하시기 바랍니다.</p>

<p><img src="<{'abc_2nd_siteinfoinstall.png'|helpimage}>" /></p>

<h6>블록 설치하기</h6>

<p>"사이트정보(Site Info)"블록은 아직 설치되지 않은 상태입니다. 님은 해당 블록의 설치와 관련된 몇가지 설정을 하실 필요가 있습니다.</p>

<p><img src="<{'abc_2nd_blockinstall.png'|helpimage}>" /></p>

<h6>타이틀</h6>
<p>이것은 방문객들에게 보여질 블록 타이틀입니다. 원하시는 블록명이 있다면 자유롭게 변경하시면 됩니다. 그렇지 않으신 경우는 기본 타이틀을 그래도 사용하셔도 무방합니다.</p>

<h6>표시Side</h6>

<p><img src="<{'abc_2nd_blockinstall_column.png'|helpimage}>" /></p>

<p>블록을 어느 컬럼에 위치시킬지를 지정합니다. 이번 경우엔 "사이드블록 - 오른쪽"을 지정하도록 하겠습니다.</p>

<h6>표시순</h6>
<p>컬럼에서의 블록의 표시순을 지정합니다. 동일한 컬럼에 여러개의 블록이 지정된 경우 이 <b>표시순</b>에 준하여 차례대로 표시되게 됩니다. 지금은 일단 기본값을 그대로 이용하겠습니다.</p>

<h6>캐쉬타임</h6>
<p>시스템이 블록을 얼마동안 캐쉬처리할지 지정합니다. 캐쉬되어 있는 동안에는 해당 블록에 대한 캐쉬파일을 대신 사용하게 됩니다. 이 설정은 조금 전문적인 내용이니 일단은 그대로 두시기 바랍니다.</p>

<h6>표시대상 모듈</h6>

<p><img src="<{'abc_2nd_blockinstall_modules.png'|helpimage}>" /></p>

<p>어떤 모듈의 페이지에 이 블록을 표시할지를 지정합니다. 일단 이번 경우엔 "톱페이지"만을 선택하시기 바랍니다.</p>

<h6>액세스권한을 가질 그룹</h6>

<p><img src="<{'abc_2nd_blockinstall_groups.png'|helpimage}>" /></p>

<p>여기에서는 이 블록을 볼 권한을 가질 그룹을 지정하게 됩니다. 그럼, "그룹"은 무엇인가? 그룹은 사용자의 집합입니다. 각각의 그룹은 사이트의 각 부분(예를 들어 모듈, 관리영역 등등)에 대해 액세스권한과 관리권한을 지정받을 수 있습니다. 님의 사이트에는 설치시 기본적으로 3개의 그룹이 존재하게 됩니다. 이들은 기본 그룹으로서 관리자라도 삭제하실 수 없습니다.</p>

<dl>
  <dt>관리자그룹</dt>
  <dd>이 그룹은 사이트의 최고권한 그룹으로서 사이트와 관련된 모든 작업에 대한 권한을 가지게 됩니다. 님이 현재 사용하고 계신 관리자계정도 바로 이 그룹에 속해 있습니다.</dd>
  
  <dt>등록회원그룹</dt>
  <dd>일반 등록회원을 위한 그룹입니다. 회원등록절차를 통해 이 사이트에 등록한 사용자들은 기본적으로 이 그룹에 속하게 됩니다.</dd>
  
  <dt>손님그룹</dt>
  <dd>이 그룹은 단순 방문객(로그인하지 않은 상태의 사용자)이 자동적으로 속하게 되는 그룹입니다.</dd>
</dl>

<p>이번 예제의 경우 특정 그룹의 멤버에게 이 블록을 숨길 필요성은 없으므로 모든 그룹에게 액세스 권한을 주시기 바랍니다.</p>

<h6>옵션</h6>
<p>블록이 특별한 자체 옵션을 가진 경우에 이 항목이 표시됩니다. 이번 경우엔 일단 기본값을 그대로 사용하도록 하겠습니다.</p>

<h6>설치</h6>
<p>모든 설정을 마치셨다면 설치버튼을 클릭해 주시면 됩니다. 자 그럼 사이트의 톱페이지로 가셔서 해당 블록이 제대로 표시되어지는지 한번 확인해 보시기 바랍니다.</p>

<h5>2단계 (2) --- 블록의 표시순을 조작하는 방법</h5>
<p>이 작업은 하나의 페이지에 여러개의 블록이 존재할 경우에 그 표시순을 조작하는 작업이니 일단 블록을 하나 더 설치하여 보도록 하겠습니다. 그럼 "검색" 블록을 설치하여 사용자들이 님의 사이트의 콘텐츠를 검색할 수 있게 해 보겠습니다. 이번 경우 해당 블록 설치관련 설정은 표시Side는 "사이드블록-오른쪽", 표시대상모듈은 "모든모듈"로 지정하여 주시기 바랍니다. 설치작업이 끝나면 "검색"블록은 사이트의 모든 페이지에 표시되어지게 될 것입니다. 그런데 톱페이지의 경우는 앞에서 "사이트정보"블록을 톱페이지에 표시하게 지정하였으므로 함께 표시되어 질 것입니다.</p>

<p>그럼, 이제 이들 블록의 표시순을 지정해 보도록하겠습니다. 관리화면의 왼쪽에 위치한 관리메뉴중에서 호환모듈의 관리메뉴를 여셔서 <em>블록관리</em>메뉴항목을 선택해 주시기 바랍니다.</p>

<p><img src="<{'abc_2nd_clickblockmanagement.png'|helpimage}>" /></p>

<p>설치완료상태의 블록들의 목록을 보실 수 있으실 겁니다.</p>

<p><img src="<{'abc_2nd_blockmanagement.png'|helpimage}>" /></p>

<p>"검색(Search)"블록의 표시순을 1로 "사이트정보(Site Info)"블록의 표시순을 5로 지정해 주시기 바랍니다.</p>

<p><img src="<{'abc_2nd_blockmanagement_weight.png'|helpimage}>" /></p>

<p>그럼, "보내기"버튼을 눌러 해당설정을 저장하시기 바랍니다. 자 이젠 지정한 표시순에 의해 "검색(Search)"블록이 언제나 "사이트정보(Site Info)"블록보다 먼저 표시되어지게 될 것입니다.</p>

<h5>2단계 (3) --- 커스텀 블록을 이용하는 방법</h5>
<p>이제 "환영메세지"를 블록을 이용해 님의 사이트의 톱페이지에 표시해 보도록 하겠습니다. 위에서 설치한 "사이트정보" 블록과 같은 것들은 모두 특정기능을 위해 미리 마련되어져 있는 것들입니다. 이에 반해 지금 하고자 하는 작업은 단지 "환영메세지"를 표시하기 위한 것이므로 기존의 블록이 아닌 "커스텀블록"을 이용해야만 합니다.</p>

<p>그럼 먼저 <em>블록관리</em>를 선택해 주시기 바랍니다. 블록관리페이지에서 보시면 상단부에 "커스텀블록 추가"버튼이 있으니 이를 클릭해 주시기 바랍니다.</p>

<p><img src="<{'abc_2nd_clickaddcustomblock.png'|helpimage}>" /></p>

<p>신규 커스텀블록을 작성하기 위한 편집폼이 표시되어질 것입니다. 이 폼의 일부 설정항목(타이틀, 표시Side, 표시순)은 위에서 설명한 내용과 동일한 것이니 그외의 항목에 대해 설명을 드리도록 하겠습니다.</p>

<h6>콘텐츠</h6>
<p>블록에 표시될 내용입니다. 이곳에 블록내에 표시할 내용을 작성하시면 됩니다. 어떤 포맷으로 작성하실지는 다음에 소개할 설정항목인 "타입"에 의존하게 됩니다.</p>

<h6>타입</h6>

<p><img src="<{'abc_2nd_cutomblock_type.png'|helpimage}>" /></p>

<p>이 항목은 위에서 작성한 블록의 컨텐츠가 어떤 포맷으로 처리되어질지를 정하게 됩니다. 4개의 타입을 이용하실 수 있습니다.</p>

<dl>
  <dt>HTML</dt>
  <dd>HTML 모드. 이 모드에선 콘텐츠를 HTML코드로 가정해 표시합니다.</dd>
  <dt>PHP</dt>
  <dd>PHP 모드. 이 모드에선 콘텐츠를 PHP코드로 가정하여 표시합니다. 이는 전문적인 프로그래밍 지식과 XOOPS Cube에 대한 어느 정도의 이해를 필요로 하니 주의바랍니다.</dd>
  <dt>자동포맷(얼굴아이콘 유효)</dt>
  <dd>이것은 아주 편리한 모드입니다. 포럼에서 투고하시는 감각으로 bb코드(예:[b]bold[/b])와 얼굴아이콘을 그대로 이용하실 수 있습니다.</dd>
  <dt>자동포맷(얼굴아이콘 무효)</dt>
  <dd>이것은 얼굴아이콘을 이용하실 수 없다는 것을 제외하곤 위와 동일한 모드입니다.</dd>
</dl>

<p>그럼 이제 커스텀블록을 작성해 보도록 하겠습니다. "자동포맷(얼굴아이콘 유효)"를 선택하시고 환영메세지를 직접 기입해 보시기 바랍니다. 기입후 표시side는 "중앙블록-중앙"으로 지정하시고 표시대상모듈에선 "톱페이지"에만 표시되게 지정, 마지막으로 모든 그룹에게 이 블록에 대한 액세스권한(열람 권한)을 주시기 바랍니다.</p>

<p><img src="<{'abc_2nd_cutomblock_complete.png'|helpimage}>" /></p>

<h5>요약</h5>
<p>원칙적으로 XOOPS Cube Legacy에서는 사이트관리자가 페이지작성을 위해 직접 HTML코딩을 하는 일은 불필요합니다. 즉, 테마가 블록을 위치시킬 슬롯으로서 컬럼을 제공하므로 각 컬럼에 필요한 블록을 지정시키는 작업을 통해 빠르고 간편하게 사이트를 구축할수 있게 되는 것입니다.</p>

<p><img src="<{'abc_2nd_conclusion.png'|helpimage}>" /></p>

<div align="right"><img src="<{'abc_index_arrow.png'|helpimage}>" style="vertical-align:-15px;" /> <a href="<{'abc_3rd.html'|helpurl}>">다음 단계로 진행</a></div>

